To get in the HTML 5 / Mobile world start by downloading Safari.

In Preferences - Advanced Set 'Show develop menu in menu bar.

Then in the 'Menu' (pager looking thingy next to the gear on the right top of the browser) you can set the 'User Agent' to Iphone.

In order to test the POC of MVC4 - Jquery mobile, Start with a MVC4 project and select a 'Basic' template.

When building a mobile 'aware' app you must add the jquery mobile components.

Install-Package jQuery.Mobile.MVC -version 1.0.0

Jquery mobile used the new 'bundling' capabilities in MVC so you need to add the bundling code to the Application_Start method in global.asax.cs

BundleMobileConfig.RegisterBundles(BundleTable.Bundles);

The key technology to enable mobile recognition is
1. The Viewport meta tag.

<meta name="viewport" content="width=device-width">

2. The media query in the css file

@media only screen and (max-width: 850px) {